<template>
    <div class="btn-layout">
        <div class="cancer btn" @click.stop="onClick('1')"><img src="../../assets/image/no.png" alt=""></div>
        <div class="sure btn" @click.stop="onClick('2')"><img src="../../assets/image/yes.png" alt=""></div>
    </div>
</template>

<script>
    export default {
        name: 'DialogButtonClick',
        methods: {
            onClick(type) {
                this.$emit('btnClick', type);
            },
        }
    }
</script>

<style scoped>
    .btn-layout {
        display: flex;
        justify-content: space-around;
    }
    .btn {
        width: 110px;
        height: 110px;
    }
    .btn img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
</style>